<!DOCTYPE html>
<html>
<head>
    <title>电子书商城</title>
</head>
<body class="bgf6">

<div th:include="common/boAtmHeader :: atmHeader"></div>

<div class="main-body pb100">
    <div class="container pt10">
        <div class="dflx sbt">

            <div th:include="common/boAtmLeft :: atmLeft"></div>

            <div class="body-right" id="app">
                <div class="bread-nav bgff">
                    <ul class="dflx">

                    </ul>
                </div>

                <div class="bgff mt10 pb20 edit-mode">
                    <div class="wrap">

                        <el-row >
                            <el-col :span="8" v-for="commodity in commoditys">
                                <div class="grid-content" v-on:click="toCommodityPage(commodity.commoId)">
                                    <el-card :body-style="{ padding: '0px' }">
                                        <img :src="commodity.picUrl" class="image" style="width: 280px; height: 380px;">
                                        <div style="padding: 14px;">
                                            <span>{{commodity.commoName}}</span>
                                            <div class="bottom clearfix">
                                            </div>
                                        </div>
                                    </el-card>
                                </div>
                            </el-col>
                        </el-row>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<script type="text/javascript">
    var ebookVue = new Vue({
        el : '#app',
        data : {
            commoditys : []
        },
        created : function () {
            loadNavCommodity();
        },
        methods : {
            toCommodityPage : function (commoId) {
                window.location.href = '/toCommondity/' + commoId;
            }
        }
    });

    function loadNavCommodity() {
        dayuanit.ajax('/loadNavCommoditys', {
            navId : 429
        }, function (result) {
            ebookVue.commoditys = result.data;
        })
    }

</script>

</body>
</html>
